<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>管理员-主体</title>
    <link href="/static/css/admin/admin.css" rel="stylesheet">
</head>
<body style="background-color: #ecf0f5;">
<div class="container-fluid">
    <div class="row" style="margin-top: 70px">
        <!--左边部分 -->
        <div class="nav-left col-md-2 no-padding admin_pc" id="nav-list-left"
             style="display: none; z-index: 1">
            <div class="user-panel">
                <img src="${user.userPhoto}" class="img-circle center-block"/>
            </div>

            <div class="nav-list">
                <ul>
                    <li>
                        <a class="cut-yhgl" href="#">
                            <span class="glyphicon glyphicon-user"></span> 用户管理
                        </a>
                    </li>
                    <li>
                        <a class="cut-tzgl" href="#">
                            <span class="glyphicon glyphicon-book"></span> 帖子管理
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!--右边部分-->
        <div class="col-md-10 col-md-offset-2" style="top: -20px;">

            <!--########################################### 用户管理 ###########################################-->
            <div class="row yhgl admin-h1" style="display: none;">
                <h1>用户信息<span class="text-primary" id="user_total"></span></h1>
                <div class="col-md-12"
                     style="background-color: #fff; border-top: 3px solid #00c0ef; top: 8px;">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>名称</th>
                            <th>密码</th>
                            <th>Email</th>
                            <th>住址</th>
                            <th>简介</th>
                            <th>创建时间</th>
                            <th>用户头像</th>
                            <th>权限</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <!-- 用户列表 - 模板 -->
                        <tbody id="listUser_hide" style="display:none;">
                        <tr>
                            <!-- 序号 -->
                            <td id="userId"></td>
                            <!-- 用户名 -->
                            <td>
                                <a id="userName"></a>
                            </td>
                            <!-- 邮箱 -->
                            <td id="userEmail"></td>
                            <!-- 住址 -->
                            <td id="userAddress"></td>
                            <!-- 简介 -->
                            <td id="userIntro"></td>
                            <!-- 创建时间 -->
                            <td id="userCreateTime"></td>
                            <!-- 头像 -->
                            <td id="userPhoto">
                                <a target="_brank">
                                    <img style="position: relative; width: 35px; height: 35px; border-radius: 2px;">
                                </a>
                            </td>
                            <td><input type="button" value="删除"></td>
                        </tr>
                        </tbody>
                        <!-- 用户列表 - 实际数据 -->
                        <tbody id="listUserAll">

                        </tbody>
                    </table>
                </div>
            </div>
            <!--########################################### 用户管理-end ###########################################-->

            <!--########################################### 帖子管理 ###########################################-->
            <div class="row tzgl admin-h1" style="display: none;">
                <h1>帖子信息<span class="text-primary" id="article_total"></span></h1>
                <div class="col-md-12"
                     style="background-color: #fff; border-top: 3px solid #00a65a; top: 8px;">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>标题</th>
                            <th>发布者</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <!-- 用户列表 - 模板 -->
                        <tbody id="listArticle_hide" style="display: none;">
                        <tr>
                            <!-- 序号 -->
                            <td width="50px" id="postId">
                                <div style="width:50px;word-wrap:break-word;"></div>
                            </td>
                            <!-- 标题 -->
                            <td width="300px" id="postTitle">
                                <div style="width:300px;word-wrap:break-word;">
                                    <a href="javascript:void(0);"></a>
                                </div>
                            </td>
                            <!-- 发布者 -->
                            <td id="postUserName"></td>
                            <!-- 创建时间 -->
                            <td id="postCreateTime"></td>

                            <!-- 操作 -->
                            <td>
                                <input type="button" value="删除">
                            </td>
                        </tr>
                        </tbody>
                        <!-- 用户列表-实际数据 -->
                        <tbody id="listPostAll"></tbody>
                    </table>
                </div>
            </div>
            <!--########################################### 帖子管理-end ###########################################-->
        </div>
    </div>
</div>
<script src="/static/js/echars/echarts.min.js"></script>

<script src="/static/js/admin/phones_pc.js"></script>

</body>
<jsp:include page="edit.jsp"></jsp:include>
<script>
    /*
 * 用户管理
 */
    $(".cut-yhgl").click(function () {
        $(".yhgl").show();
        $(".tzgl").hide();
        getUsers();

        $(".cut-yhgl").attr("style", "color: #36e2ff !important; background-color: #1d262a; border-left: 3px solid #3c8dbc;");
        $(".cut-tzgl").removeAttr("style");

    });

    /*
     * 帖子管理
     */
    $(".cut-tzgl").click(function () {
        $(".yhgl").hide();
        $(".tzgl").show();
        getPosts();
        $(".cut-yhgl").removeAttr("style");
        $(".cut-tzgl").attr("style", "color: #36e2ff !important; background-color: #1d262a; border-left: 3px solid #3c8dbc;");
    });


    /*########################################### 用户管理 ############################################################*/
    function getUsers() {
        $.ajax({
            url: "/getUsers",
            type: "get",
            success: function (data) {
                // window.location.reload()
                $('#listUserAll').html(data)
            },
            error: function () {
                console.log("请求出错")
            }
        });
    }


    /*########################################### 用户管理-end ############################################################*/

    /*########################################### 文章管理 ############################################################*/
    function getPosts() {
        $.ajax({
            url: "/getPosts",
            type: "get",
            success: function (data) {
                // window.location.reload()
                $('#listPostAll').html(data)
            },
            error: function () {
                console.log("请求出错")
            }
        });
    }

    /*########################################### 文章管理-end ############################################################*/
</script>
</html>
